interface TextCardProps {
    children:React.ReactNode;
    title:string;
}
const TextCard:React.FC<TextCardProps> = ({
    children,
    title
})=>{
    return (
        <>
            <div className="w-[400px]
                    flex 
                    items-center 
                    justify-center
                    my-4 
                    p-4
                    rounded 
                    bg-white/30
                    ">
                <div className="
                ">
                    <div className="font-bold mb-2">
                        {title}
                    </div>
                    <div className="text-black">{children}</div>
                </div>      
            </div>
        </>
    );
}

export default TextCard;